<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/ranking.css?#{controlCache.time}" />
	<script
		src="#{request.contextPath}/resources/js/ranking.js?#{controlCache.time}"></script>
	<title>#{messages['general.TITLE']} -
		#{messages['jugadorNuevo.TITLE']}</title>
</h:head>
<h:body>
	<h:form id="jugadorForm">
		<p:messages autoUpdate="true" id="msgs" />
		<p:growl id="growl" widgetVar="growl" showSummary="false"
			showDetail="true" sticky="true" autoUpdate="true" life="6000" />
		<ui:include src="/dialog/jugadoresListadoDialog.xhtml" />
		<ui:include src="/dialog/confirmacionAsignarParejaDialog.xhtml" />
		<h:panelGrid>
			<p:toolbar>
				<p:toolbarGroup align="left">
					<p:commandButton title="#{messages['general.VOLVER']}"
						immediate="true" value="#{messages['general.VOLVER']}"
						icon="ui-icon-arrowreturnthick-1-w" ajax="false"
						action="#{jugadorBean.irJugadoresListado}" />
				</p:toolbarGroup>
			</p:toolbar>
			<h:panelGrid columns="2" styleClass="formularioGenral">
				<h:panelGroup layout="block" id="panelLeft">
					<h:panelGrid columns="6" cellpadding="5" id="jugadorPadelGrid">

						<h:outputLabel for="nombre" value="#{messages['jugador.NOMBRE']}*" />
						<p:inputText id="nombre"
							value="#{jugadorBean.jugadorNuevo.nombre}" required="true"
							requiredMessage="#{messages['general.VALIDACION_NOMBRE']}"
							maxlength="15" size="15" label="Nombre" />


						<h:outputLabel value="#{messages['jugador.APELLIDOS']}*" />
						<p:inputText id="apellidos"
							value="#{jugadorBean.jugadorNuevo.apellidos}" maxlength="30"
							required="true" size="30"
							requiredMessage="#{messages['general.VALIDACION_APELLIDOS']}"
							label="#{messages['jugador.APELLIDOS']}" />

						<h:outputLabel value="#{messages['jugador.DNI']}" />
						<p:inputText id="dni" value="#{jugadorBean.jugadorNuevo.dni}"
							maxlength="9" size="9" />

						<h:outputLabel value="#{messages['jugador.POBLACION']}" />
						<p:inputText id="poblacion"
							value="#{jugadorBean.jugadorNuevo.poblacion}" />

						<h:outputLabel value="#{messages['jugador.DIRECCION']}" />
						<p:inputText id="direccion"
							value="#{jugadorBean.jugadorNuevo.direccion}" />

						<h:outputLabel value="#{messages['jugador.CIUDAD']}" />
						<p:inputText id="ciudad"
							value="#{jugadorBean.jugadorNuevo.ciudad}" />
						<h:outputLabel value="#{messages['jugador.TELEFONO']}" />
						<p:inputText id="telefono"
							value="#{jugadorBean.jugadorNuevo.telefono}" maxlength="9"
							size="9" />
						<h:outputLabel value="#{messages['jugador.CP']}" />
						<p:inputText id="codigoPostal"
							value="#{jugadorBean.jugadorNuevo.codigoPostal}" maxlength="5"
							size="5" />

						<h:outputLabel value="#{messages['jugador.EMAIL']}" />
						<p:inputText id="email" value="#{jugadorBean.jugadorNuevo.email}"
							size="30" />
						<h:outputLabel value="#{messages['jugador.GRUPO']}*" />
						<h:selectOneMenu id="grupo" converter="grupoConverter"
							value="#{jugadorBean.jugadorNuevo.grupo}" required="true"
							requiredMessage="#{messages['general.VALIDACION_GRUPO']}"
							label="#{messages['jugador.GRUPO']}">
							<f:selectItems value="#{datosComunesBean.selectItemGrupos}"
								var="grupo" itemValue="#{grupo}" itemLabel="#{grupo.nombre}" />

						</h:selectOneMenu>

						<h:outputLabel value="#{messages['jugador.GENERO']}*" />
						<h:selectOneMenu id="genero"
							value="#{jugadorBean.jugadorNuevo.genero}" required="true"
							requiredMessage="#{messages['general.VALIDACION_GENERO']}"
							label="#{messages['jugador.GENERO']}">
							<f:selectItem itemLabel="#{messages['jugador.SELECT_GENERO']}"
								itemValue="" />
							<f:selectItems value="#{datosComunesBean.selectItemGeneros}" />
						</h:selectOneMenu>
					</h:panelGrid>
					<h:panelGrid columns="4" styleClass="uploadFoto">
						<h:outputLabel value="#{messages['jugador.FOTO']}" />
						<p:fileUpload value="#{fileUploadController.file}" mode="simple" />
						<p:commandButton style="width:250" immediate="true"
							onclick="jugadoresListadoDialog.show()" id="pareja"
							icon="ui-icon-person"
							value="#{messages['jugador.PAREJA_SIN_ASIGNAR']}"
							title="#{messages['jugador.PAREJA_NO']}" />
					</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup layout="block" id="panelRight" styleClass="foto">
					<h:panelGrid>
						<p:graphicImage id="playerImage"
							value="/images/no_foto.jpg?#{controlCache.time}" width="120"
							height="120" alt="image" title="image" />
					</h:panelGrid>
				</h:panelGroup>
			</h:panelGrid>
		</h:panelGrid>
		<h:panelGroup layout="block" id="botononeraNuevoJuegador">
			<td><p:commandButton id="addJugador" ajax="false"
					value="#{messages['general.ACEPTAR']}"
					action="#{jugadorBean.addJugador}" /></td>
			<td><p:commandButton id="cancelarJugador"
					value="#{messages['general.CANCELAR']}"
					action="#{jugadorBean.candelar}" ajax="false" /></td>
		</h:panelGroup>
	</h:form>
</h:body>
</html>